<template>
  <div>
    <div>
      <div>
        <div><span>实付金额:</span></div>
        <div><span>$10.00</span></div>
      </div>
      <div>
        <div><span>应付金额:</span><span>$9.00</span></div>
        <div><span>使用积分抵扣：</span><span>$1.00</span></div>
      </div>
    </div>
    <div>
      <!--  标题  -->
      <div>
        <img src="../../../assets/static/publicImg/r3.png">
        <span>请选择您的付款方式</span>
      </div>
      <!--  支付  -->
      <div>
        <!--  支付方式和积分  -->
        <div>
          <!--  支付方式  -->
          <div>
            <!--  零钱支付  -->
            <div>
              <!--  左侧  -->
              <div>
                <!--  图标  -->
                <div>
                  <img src="../../../assets/static/choosePay/1.png">
                </div>
                <!--  文字  -->
                <div><span>零钱支付</span></div>
              </div>
              <!--  右侧  -->
              <div>
                <img src="../../../assets/static/choosePay/3.png">
              </div>
            </div>
            <!--  银行卡支付  -->
            <div>
              <!--  左侧  -->
              <div>
                <!--  图标  -->
                <div>
                  <img src="../../../assets/static/choosePay/2.png">
                </div>
                <!--  文字  -->
                <div><span>银行卡支付</span></div>
              </div>
              <!--  右侧  -->
              <div>
                <img src="../../../assets/static/choosePay/3.png">
              </div>
            </div>
          </div>
          <!--  积分  -->
          <div>
            <!--  选择和输入  -->
            <div>
              <!--  选择是否使用积分  -->
              <div>
                <span>使用积分</span>
              </div>
              <!--  积分输入框  -->
              <div></div>
            </div>
            <!--  抵扣  -->
            <div><span>抵扣：</span><span>$0.00</span></div>
          </div>
        </div>
        <!--  去支付  -->
        <div>
          <!--  当前积分  -->
          <div>
            <span>使用积分抵扣(当前账户积分余额<span>2,000</span>)</span>
          </div>
          <!--  按钮  -->
          <div></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Middle',
  components: {
  },
  data() {
    return {
      artical: [
        {}
      ],
    }
  },
  methods: {},
  mounted() {
  }
}
</script>

<style scoped>


/*-------------- message -----------------*/
.message {
  margin-top: 14px;
}

.link {
  width: 14px;
  height: 14px;
}
</style>
